<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    >
    <script>
        var SYS_BASE_URL_ENUM;
    </script>

    <link rel="stylesheet" th:href="${SYS_RES}+'/static/lay/layui/css/layui.min.css?v=1.4'">
    <link rel="stylesheet" th:href="${SYS_RES}+'/static/lay/style/admin.min.css?v=1.3'">
    <link rel="stylesheet" th:href="${SYS_RES}+'/static/lay/style/login.css'">

    <script th:src="${SYS_RES}+'/static/lay/layui/layui.min.js'"></script>
    <style>
        html {
            background-color: #fff;
        }

        body {
            display: flex;
            align-items: center;
            justify-content: center;
            background-size: 100% 580px;
            height: 100%;
        }
        .bg-left {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            height:580px;
            width: 498px;
            background-size: cover;
        }
        .bg-right {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            height:580px;
            width: 616px;
            right: 0;
            background-size: cover;
        }
        /* 登陆框 */
        .login {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid rgba(215, 215, 215, 1);
            border-radius: 10px;
            width: 400px;
            max-height: 440px;
            margin: auto;
            padding: 10px 20px 20px 20px;
            background-color: #fff;
            position: relative;
        }

        /* 商标 */
        .login-logo {
            width: 48px;
            height: 56px;
        }

        .login-title {
            padding-top: 5px;
            padding-bottom: 5px;
            color: #222222;
            font-size: 16px;
            width:100%;
        }

        /* 输入框 */
        .login-input {
            box-sizing: border-box;
            display: flex;
            /*border: 1px solid #eee;*/
            border-radius: 3px;
            margin-bottom: 20px;
            width: 100%;
        }

        .login-input > .layui-icon {
            color: #aaa;
        }

        .login-input > input {
            flex-grow: 1;
            border: 1px solid #eee;
            margin-left: 10px;
            outline: none;
        }

        .login-btn {
            border: none;
            width: 50%;
            height: 30px;
            background-color: rgba(0, 150, 136, 1);
            color: #fff;
            font-size: 16px;
            line-height: 36px;
        }

        .quote{
            width:100%;
            border-left:none;
            font-size: 13px;
            height: 24px;
            padding-top: 10px;
        }
        .label{
            float: left;
            display: block;
            padding: 9px 1px;
            width: 80px;
            font-weight: 400;
            line-height: 20px;
            text-align: center;
        }

    </style>
</head>
<body class="page-login">
<div class="bg-left"></div>
<div class="bg-right"></div>
<form method="post" action="" class="login">
    <div class="login-title">绑定账户</div>
    <div class="layui-elem-quote quote">首次登录时，需绑定啄木鸟管理平台账号才可访问</div>
    <div class="login-input">
        <label class="label">绑定账号：</label>
        <input
                id="LAY-user-login-username"
                name="staffName"
                type="text" placeholder="请输入账号或手机号"
        >
    </div>
    <!---->
    <div class="login-input">
        <label class="label">账号密码：</label>
        <input
                id="LAY-user-login-password"
                name="password"
                type="password" placeholder="请输入密码"
        >
    </div>

    <button
            lay-submit
            lay-filter="lay-user-login-submit"
            class="login-btn"
    >确定
    </button>
    <input type="hidden" name="redirectUrl" id="redirectUrl" th:value="${redirectUrl}"/>
    <input type="hidden" name="dTalkUserId" id="dTalkUserId" th:value="${dTalkUserId}"/>
</form>

<script type="text/javascript" th:inline="javascript">
    document.domain = "xiujiadian.com";
    layui.config({
        // base: "/static/lay/",
        version: 202007031102
    }).extend({
        //index: "lib/index",
        art_cas_bind: "{/}/static/js/module/cas/zmn.art.cas.bind",
    }).use(['art_cas_bind']);
</script>
</body>
</html>